<template>
    <div class="footer-wrap">
        <div class="common-footer">
            <div class="foot-code">
                <ul>
                    <li>
                        <img src="../../common/img/tank-appcode.jpg">
                        <p>产城智库App下载</p>
                    </li>
                    <li>
                        <img src="../../common/img/secret-appcode.jpg">
                        <p>董秘在线App下载</p>
                    </li>
                </ul>
            </div>
            <div class="foot-ser">
                <div class="foot-ser-logo"></div>
                <p class="foot-ser-text">服务热线：010-80456661</p>
                <p class="foot-ser-text">工作时间：9:00-18:00</p>
                <p class="foot-ser-text">邮箱：zhonghou2016@163.com</p>
            </div>
        </div>
    </div>
</template>
<script type="text/javascript">
export default{

}
</script>
<style type="text/css">
.footer-wrap{
    width: 100%;
    overflow: hidden;
    border-top:4px solid #f5f5f5;
}
.common-footer{
    width:250px;
    overflow: hidden;
    margin:0 auto;
    padding:22px 0 12px 0;
}
.foot-code{width:100%;margin-bottom: 20px;}
.foot-code ul{width: 100%;overflow: hidden;}
.foot-code ul li{width:50%;float:left;box-sizing: border-box;}
.foot-code ul li p{text-align:center;line-height: 24px;}
.foot-code ul li img{
    width: 88px;
    height: 88px;
    display:block;margin:0 auto 10px auto;
    border:5px solid #fff;
}
.foot-ser{
    width:100%;
    height: 90px;
    box-sizing: border-box;
    padding-left: 8px;
}
.foot-ser-logo{overflow:hidden;
    margin-bottom:10px;
    width: 104px;
    height: 24px;background:url(../../common/img/logo.png) no-repeat;background-size:100% 100%}
.foot-ser-text{line-height:18px;font-size: 12px;}

</style>
